<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <select v-model="selected">
          <option>A</option>
          <option>B</option>
          <option>C</option>
        </select>
        <span>Selected: {{ selected }}</span>


        <!-- <select v-model="selected">
            <option v-for="option in options" v-bind:value="option.value">{{ option.text }}</option>
        </select>
        <span>selected: {{selected}}</span> -->
    </div>
    <input type="number" id="in">
    <script src="../js/vue.js" charset="utf-8"></script>
    <script type="text/javascript">


        new Vue({
            el: '#app',
            data: {
                selected: null
            }
        })
        // new Vue({
        //     el: '#app',
        //     data: {
        //         selected: 'A',
        //         options: [
        //             { text: 'One', value: 'A' },
        //             { text: 'Two', value: 'B' },
        //             { text: 'Three', value: 'C' }
        //         ]
        //     }
        // })
    </script>
</body>
</html>
